<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" charset="utf-8">
    <title>新闻</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css" media="screen" title="no title" charset="utf-8">
    <script src="jq/jquery-3.1.0.js" charset="utf-8"></script>
    <script src="bootstrap/js/bootstrap.min.js" charset="utf-8"></script>
    <link rel="stylesheet" href="css/starrySky.css" media="screen" title="no title" charset="utf-8">
    <style media="screen">
      body{
        background: black;
      }
      #newsContent{
        margin-top: 55px;
      }
      .cell{
        margin: 20px 0;
      }
      .cell img{
        width: 100%;
      }
      .content{
        height: 190px;
        color: gray;
        overflow: hidden;
      }
      .content h3{
        text-align: center;
        font-size: 20px;
      }
      .pText{
        padding: 0 20px;
      }
    </style>
  </head>
  <body>
    <div class="container-fluid">
      <!-- 导航栏 -->
      <nav id="nav" class="navbar navbar-inverse nav-fixed-top">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-target="#navShow" data-toggle="collapse">
              <span class="sr-only"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <button type="button" class="btn btn-info" name="button">登录/注册</button>
          </div>

          <div id="navShow" class="collapse navbar-collapse">
            <ol class="nav navbar-nav">
              <li><a href="http://xinlingweidianying.applinzi.com/%E6%98%9F%E7%A9%BA/starrySky.html">主页</a></li>
              <li><a href="http://xinlingweidianying.applinzi.com/%E6%98%9F%E7%A9%BA/IMAGE.html">照片</a></li>
              <li><a href="">视频</a></li>
              <li><a href="http://xinlingweidianying.applinzi.com/%E6%98%9F%E7%A9%BA/NEWS.html">新闻</a></li>
            </ol>
          </div>
        </div>
      </nav>

      <div id="newsContent" class="container">
        <div id="row" class="row"></div>
      </div>

    </div>
  </body>
</html>
<script src="js/NEWS.js" charset="utf-8"></script>
<!-- <script type="text/javascript">
  var newsOne = '阿塔卡玛大型毫米波/亚毫米波阵列(ALMA)使得首次解决观察水在原生行星盘雪线。这条线是在年轻恒星周围的盘的温度下降足够低的雪形成。大幅增加在年轻恒星的亮度V883猎户座的flash加热的内在部分盘,推动水雪线出来一个更大的距离比正常的原恒星,并使观察首次成为可能。结果是2016年7月14日发表在《自然》杂志上。';
  var newsTwo = '一个由天文学家组成的研究小组使用了ESO的甚大望远镜的球面仪器形象首次发现的行星在轨道内一个三星系统。这样一颗行星的轨道预期不稳定,可能导致地球很快就被逐出系统。但是这个幸存。这意想不到的观察表明,这样的系统可能会比此前认为的更加普遍。研究结果将发表在2016年7月7日出版的《科学》杂志上。';
  var newsThree = '一个由天文学家组成的国际团队发现有比预期更多的热木星类型的行星在集群的恒星叫做梅西耶67。这个令人惊讶的结果是获得使用的望远镜和仪器,其中包括竖琴摄谱仪ESO在智利拉西亚天文台的。集群的密集的环境会导致更频繁的附近的行星和恒星之间的相互作用,这或许可以解释热木星的过剩。';
  var newsFour = '天文学家使用ESO的甚大望远镜,连同其他望远镜在地面和空间,发现了一种新型的奇异的双星。系统中基于“增大化现实”技术的天蝎座快速旋转的白矮星权力电子几乎光速。这些高能粒子辐射释放爆炸冲击同伴红矮星,并导致整个系统每1.97分钟大幅脉冲辐射从紫外线到收音机。这项研究将发表在2016年7月28日《自然》杂志上。';
  var newsFive = '天文学家利用ESO望远镜和其他设施发现明显证据的行星轨道离地球最近的恒星,比邻星。长期的世界中,指定比邻星b,酷的红色恒星轨道每11天,温度适合表面液态水存在。这岩石星球比地球更大,是离我们最近的系外行星——也可能是最可能的住所太阳系以外的生活。有一篇描述该里程碑发现将发表在2016年8月25日《自然》杂志上。';
  var newsSix = '一个国际研究小组使用阿尔玛,ESO的甚大望远镜和其他望远镜,发现了一种罕见的对象的本质在遥远的宇宙称为莱曼-阿尔法Blob。到目前为止天文学家不理解是什么让这些巨大的气体云照耀的如此明亮,但阿尔玛已经看到两个星系的核心之一,这些对象,他们正在疯狂的恒星形成的照明环境。这些大星系是反过来的中心一群在什么似乎是一个较小的早期阶段形成的一个巨大的星系团。预计两个阿尔玛的来源将演变成一个巨大的椭圆星系。';
  var newsSeven = '神秘的一种罕见的特大质量黑洞的行为变化在一个遥远的星系的中心,一个由天文学家组成的国际团队使用解开了ESO的甚大望远镜NASA / ESA哈伯太空望远镜和美国宇航局的钱德拉x射线天文台。黑洞似乎处境艰难,美联储不再足够的燃料使其周围闪烁。';
  var newsEight = '有机分子甲醇(甲醇)发现了阿塔卡玛大型毫米波/亚毫米波阵列(ALMA)TW原生行星盘长蛇。这是第一次这样检测的复合在一个年轻的行星形成盘。甲醇是唯一复杂的有机分子中还检测到光盘,明确源自一种冰冷的形式。它的检测有助于天文学家了解化学过程,发生在行星系统的形成,最终导致创造生命的成分。';
  var newsNine = '炎热和密集的复杂分子,作茧新生儿明星,已经被日本的天文学家小组发现使用阿尔玛。这种独特的热分子的核心是第一个被发现在银河系之外。它有一个非常不同的分子成分类似的物体在我们自己的星系——一个诱人的暗示化学发生在宇宙可能会比预期的更加多样化。';
  var newsTen = '一个由天文学家组成的国际团队使用阿塔卡玛大型毫米波/亚毫米波阵列(ALMA)见证了宇宙天气事件,从来没有见过一群高大的星际气体云下雨的超大质量黑洞中心的一个巨大的星系距离地球十亿光年。结果将出现在2016年6月9日《自然》杂志上。';
  var newsEleven = 'ESO的HAWK-I红外仪器在智利的甚大望远镜(VLT)已经被用于同行深入猎户座星云的中心比以往任何时候都要多。壮观的图片揭示了大约十倍的棕矮星和孤立大规模星际比以前已知的对象。这一发现提出了挑战被广泛接受的场景的猎户座的恒星形成的历史。';
  var newsTwive = '在这个新形象的星云梅西耶78,蓝色阴影的年轻恒星周围,而红色羽翼未丰的恒星同行从宇宙尘埃的茧。我们的眼睛,大多数这些恒星将隐藏在尘埃,但ESO的可见光和红外线测量望远镜(VISTA)看到近红外光,传递穿过尘土。让天文学家的望远镜就像一个巨大的dustbuster探针深入恒星环境的核心。';
  var imgIntroArr = [newsOne,newsTwo,newsThree,newsFour,newsFive,newsSix,newsSeven,newsEight,newsNine,newsTen,newsEleven,newsTwive];
  var imgArr = ['source/201.jpeg','source/202.jpeg','source/203.jpeg','source/204.jpeg','source/205.jpeg','source/206.jpeg','source/207.jpeg','source/208.jpeg','source/209.jpeg','source/210.jpeg','source/211.jpeg','source/212.jpeg'];
  var imgTitleArr = ['恒星爆发带来水雪线','一个令人惊讶的行星','巨行星的星团','白矮星红矮星','地球最近的恒星宜居带','密团巨大的空间','饥饿的黑洞','甲醇形成行星盘','捕获恒星茧','黑洞由冷星际泛滥','最深的观察猎户座','隐藏的星星'];
  // 创建新闻但愿cell
  for (var i = 0; i < 12; i++) {
    var cell = document.createElement('div');
    cell.className = 'col-md-3 col-sm-4 cell';
    cell.index = i;
    $('#row').append(cell);

    var image = document.createElement('img');
    image.src = imgArr[i];
    cell.appendChild(image);

    var content = document.createElement('div');
    content.className = 'content';
    content.className = 'content';
    content.index = i;
    cell.appendChild(content);

    var imageTitle = document.createElement('h3');
    imageTitle.innerHTML = imgTitleArr[i];
    content.appendChild(imageTitle);

    var imageIntro = document.createElement('p');
    imageIntro.className = 'pText';
    imageIntro.innerHTML = imgIntroArr[i];
    content.appendChild(imageIntro);
    if (i == 3 || i == 7) {
      var divisionP = document.createElement('p');
      divisionP.className = 'clearfix visible-block';
      $('#row').append(divisionP);
    }
  }
  var content = document.getElementsByClassName('content');
  var count;
  $('.cell').on('mouseover',function(){
    console.log(this.index);
    count = this.index;
    pointCell(count);
  });
  function pointCell(index){
    content[index].style.height = '330px';
    content[index].style.transition = '1s';
  }
</script> -->
